<template>
  <div id="app">
     <router-view/>
  </div>  
</template>

<style lang="scss">

  html,body,#app{
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
  }
  *{
    box-sizing: border-box;
  }
  .page-box{
    background: #fff; 
    border-radius: 4px;  
    min-height: 100%; 
    padding: 10px;
    box-sizing: border-box;
  }
  .el-drawer{
    .el-drawer__header{
      background: #ccc;
      padding: 10px;
      margin: 0;
      height: 53px;
      display: flex;
      
    }
    .el-drawer__body{
      padding: 10px;
    }
    .drawer-footer-box{
      position: absolute;
      width: 100%;
      height: 53px;
      right: 0;
      bottom: 0;
      display: flex;
      justify-content: flex-end;
      align-items: center;
      border-top: 1px solid #ccc;
      padding: 10px;
    }
  }
  .left-box{
    width: 200px;
    // height: 100%;
    padding: 10px;
    background: #fff;
    color: #4e5969;
  }
  .right-box{
    width: calc(100% - 210px);
  }
  .status_0{
    color: #8DC73F;
  }
  .status_1{
    color: rgb(64, 158, 255);
  }
  .status_2{
    color: #F6008D;
  }
</style>
